<template>
  <div>
    <div class="blog_list" @click="goArticle(item.id)">
      <div class="blog_list_flex">
        <div class="down_flex_li_img_box">
          <img v-show="item.mode == 1" class="blog_list_img_mode1" :src="item.img" alt="" />
          <img v-show="item.mode == 0" class="blog_list_img" :src="item.img" alt="" />
        </div>
        <div class="blog_list_content">
          <h3 class="blog_list_title"><a class="a_hover">{{ item.title }}</a></h3>
          <div class="blog_list_info">
            <span class="blog_list_time">{{ item.time }}</span>
            <span class="blog_list_see" v-show="item.browse != '' && item.browse != 0">{{ item.browse }}次浏览</span>
          </div>
          <div class="blog_list_note">{{ item.summary }}</div>
          <div class="blog_list_type">
            <span>分类：</span>
            <span>{{ item.tags }}</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: ["item"],
  name: "gamePlayer",
  data() {
    return {
    };
  },
  created() {
  },
  methods: {
    goArticle(id){
      this.$router.push({ path: '/article?id='+id})
    }
  },
};
</script>

<style scoped>
.blog_list_flex {
  display: flex;
  display: -webkit-box !important;
}
.down_flex_li_img_box{
  width: 250px;
  height: 165px;
  border-radius: 5px;
  background-color: #fff;
  text-align: center;
  margin-right: 12px;
  overflow: hidden;
}
.blog_list_img_mode1{
  display: inline-block;
  height: 140px;
  max-width:100% ;
}
.blog_list_img {
  display: inline-block;
  width: 215px;
  height: 140px;
  border-radius: 5px;
}
.blog_list_content {
  flex: 1 1 auto;
}
.blog_list_title{
  font-size: 20px;
  margin-bottom:0px;
  height: 60px;
  overflow: hidden;
}
.blog_list_info{
  padding: 0px 0 3px 0;
}
.blog_list_time {
  color: #aaa;
  font-size: 16px;
}
.blog_list_see {
  font-size: 16px;
  color: #aaa;
  padding-left: 23px;
}
.blog_list_note {
  line-height: 28px;
  color: #999;
  font-size: 16px;
  height: 2em;
  overflow: hidden;
}
.blog_list_type{
  margin-top: 0px;
}
.blog_list_type span {
  font-size: 16px;
  color: #999;
}
</style>